<script setup>
import "quarkd/lib/navbar";
import "quarkd/lib/empty";

import kfm from '@/assets/kfm.jpg';

import { useCounterStore } from '@/stores/counter.js';

const counterStore = useCounterStore();
console.log( counterStore );

</script>

<template>
  <div style="height: 60vh">
    <!--顶部标题-->
    <quark-navbar title="用户主界面" lefthide closehide />
    <quark-empty :image="kfm" />
    <div>
      <p>double: {{ counterStore.double }}</p>
      <p>count: {{ counterStore.count }}</p>
      <button @click="counterStore.increment">点我可以让数字增加哦</button>
    </div>
  </div>
</template>